.menu{
	background-color:green;
	display:flex;
	justify-content: space-between;
	align-items:center;
	opacity:0.8;
	}
	.menu-left ul{
	color:black;
	list-style: none;
	display:flex;
	height: 30px;
		}
	.menu .menu-left ul li{
	font-size:22px;
	display:flex;
	align-items: center;
	margin: 0 4px;
		} 
		.menu.select{
		position:absolute;
		top:0;
		left:0;
		right:0;
		margin:auto;
		}
		.menu-right{
		  display:flex;
		}
		.tu{
		width:50px;
		 height:50px;
		 margin-right:50px;
		}
		.menu-right ul{
		
			color:#B0B0B0;
			list-style: none;
			display:flex;
			height: 40px;
			
		}
		.menu .menu-right ul li{
				font-size:20px;
				display:flex;
				align-items: center;
				margin: 0 100px;
				cursor: pointer;
				align:center;
		} 
		.tu{
		width:40px;
		height:40px;
		border-radius: 5px;
		}
		.diceng{
		display:flex;
		}
		.caidan{
			position: relative;
			width: 300px;
			height: 700px;	
			background-color: gray;	
			background-color:rgba(0,0,0,0.2);
			
		}
		.caidan ul{
			padding: 0px;
			width:300px;
			height: 700px;
			list-style: none;
			position: absolute;
			left:0;
			top:10px;
			
		}
		.caidan ul li{
			width: 300px;
			height: 41px;
			cursor: pointer;
			display: flex;
			justify-content: space-between;
			align-items: center;
			color: #FFFFFF;
			
		}
		.caidan ul li a{
			margin-left:30px;
			font-size: 14px;
		}
		.caidan ul li i{
			margin-right: 30px;
			font-size: 20px;
		} 
		.caidan ul li:hover{
			background-color: #FF6700;
		}
		.main{
		margin-top: 30px;
		margin-left:100px;
		width:1000px;
		height:500px;
		display:flex;
		list-style:none;
		flex-wrap: wrap;
		justify-content: space-between;
		}
		
		.imgsize{
		margin-left:10px;
		width:200px;
		height:550px;
		}
.form{
width:150px;
height:25px;
border: 2px solid gray;
border-radius: 5px;

  }
  .btn{
  width:60px;
  height:30px;
   background-color:gray;
    color: #fff;
    border-radius: 5px;
  }
  